﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WEB._Default" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">      
    
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
        
<div id="cont">
       <div id="slide">

        <div class="row" style="padding: 0px 5% 0px 5% ">
    
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height:400px" >
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
          <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
        </ol>
        <div class="carousel-inner" style="width:1200px;height:400px; float:initial"  >
          <div class="item active">
              <img src="img/slide3.jpg"  />
          </div>
          <div class="item">
              <img src="img/slide2.jpg" />
          </div>
          <div class="item">
              <img src="img/slide1.jpg" />
          </div>
        </div>
        <a class="carousel-control left" href="#carousel-example-generic" data-slide="prev">&lsaquo;</a>
		<a class="carousel-control right" href="#carousel-example-generic" data-slide="next">&rsaquo;</a>
       
      </div>
      </div>
       </div>


       
    <div id="contenido">
    
             <div class="panel-body">
              
                <div id="info"></div>
                <br />
                <%--<div class="ui horizontal divider" style="font-size: 30px;color:#a2a2a2;">
                    <i style="font-size: 30px;" class="massive settings icon"></i>Panel Fotografico</div>--%>
                     <br />
                
            </div>
            <div class="container">

                 <div id="cajaSr" class="row col-sm-12">
                      <div class="col-md-4"></div>
                      <div class="col-md-4"></div>
                      <div class="col-md-4"></div>

                     <div class="col-md-4">
                        <div class="modal-body">
                            <div class="item">
                                <asp:Image ID="Image7" ImageUrl="~/Images/Productos/1.jpg" runat="server" Width="290" Height="200" />
                                <span class="informacion">
                                    <div class="panel panel-primary">
                                        <div class="panel-heading">
                                            <h3 class="panel-title">OPCIÓN1</h3>
                                        </div>
                                        <div class="panel-body">
                                            AQUI EL TEXTO PEQUEÑO
                              <%--  <br />
                                <br />
                                <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>--%>
                                        </div>
                                        <div class="panel-footer">
                                            <a href="frmListProductos.aspx">>>Ir a el link…</a>
                                        </div>
                                    </div>

                                </span>
                            </div>
                        </div>
                     </div>
                      <div class="col-md-4">
                        <div class="modal-body">

                             <div class="item">
                               <asp:Image ID="Image1" ImageUrl="~/Images/Productos/2.jpg" runat="server" Width="290" Height="200"/>
                                <span class="informacion">
                                    <div class="panel panel-primary">
                                        <div class="panel-heading">
                                            <h3 class="panel-title">OPCIÓN 2</h3>
                                        </div>
                                        <div class="panel-body">
                                            AQUI EL TEXTO PEQUEÑO
                                        </div>
                                        <div class="panel-footer">
                                            <a href="">>>Ir al link…</a>
                                        </div>
                                    </div>

                                </span>
                            </div>

                        </div>
                        </div>

                         <div class="col-md-4">
                        <div class="modal-body">
                        
                                                    <div class="item">
                               <asp:Image ID="Image2" ImageUrl="~/Images/Productos/3.jpg" runat="server"  Width="290" Height="200"/>
                                <span class="informacion">
                                    <div class="panel panel-primary">
                                        <div class="panel-heading">
                                            <h3 class="panel-title">Opción 3</h3>
                                        </div>
                                        <div class="panel-body">
                                            AQUI EL TEXTO PEQUEÑO
                                        </div>
                                        <div class="panel-footer">
                                            <a href="">Ir a el link…</a>
                                        </div>
                                    </div>

                                </span>
                            </div>
                        </div>
                        </div>


            </div>
            </div>
    </div>
    


    </div>
    <%//esto es para el contactenos %>
<%--    <div class="container">
        <div class="row" id="contactenos">
            <div class="col-lg-7">
                <h2><strong>Encuentranos</strong> <span class="glyphicon glyphicon-pushpin"></span></h2>
                <hr />
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3958.6808056460977!2d-78.5198142!3d-7.162850599999984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x91b25affed3b8071%3A0x820245d6fa56f4d6!2sBel%C3%A9n%2C+Cajamarca!5e0!3m2!1ses!2spe!4v1412667435169"
                    width="600" height="450" frameborder="0" style="border: 0"></iframe>
             </div>
        </div>
    </div>--%>
</asp:Content>
